
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<title>Home of CHCAT1320</title>
		<link rel="icon" href="img/favicon.ico"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
		<meta name='冷酷的猫猫1320 website' content="冷酷的猫猫1320 website"
	</head>
	<style>
		#popup {
					position: fixed;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					border: 1px solid black;
					padding: 20px;
					background-color: white;
					z-index: 9999;
					border-radius: 10px;
					padding: 10px;
				}
		
				#overlay {
					position: fixed;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background-color: rgba(0,0,0,0.5);
					z-index: 9998;
				}
		@font-face {
		
		font-family: "cmdysj";
		src: url("fonts/cmdysj.ttf") format("truetype");
		}
		 div{font-family:cmdysj}
		 h1{font-family:cmdysj}
		 h2{font-family:cmdysj}
		 h3{font-family:cmdysj}
		 p{font-family:cmdysj}
		 button{font-family:cmdysj}
		 button{background-color: #ffffff;border-radius: 10px;padding: 10px;}
		 button:first-child{width: 5%;height: 40px}
		 #colorbox{background-image: -webkit-linear-gradient(left,rgb(25,255,0),rgb(135,206,250))}
		 button{border: 0px solid #19ff00}
		 html{width:100%;overflow-x:hidden;height: 100%;overflow-y: hidden;}
		 a {text-decoration: none;}
		 #effect {
		   position: absolute;
		   width: 100px;
		   height: 100px;
		   background-color: transparent;
		   display: none;
		   background-size: cover;
		 }
	</style>
	<body style="background-color: #87CEFA;margin: 0;">
		<div id="body">
			<p style="display: none;">
			    0123456789*/+-qwertyuiop
			    zxcvbnm
			    []\;',./{}|:">?<
			    !@#$%^&*()_+
			    QWERTYUIOP
			    ASDFGHJKL
			    ZXCVBNM
			</p>
			<div>
				</div>
				<div id="colorbox" style="height: 70px;border-radius: 10px;padding: 10px;">
					<div style="text-align: center">
						<button style="width:80px;height: 60px;margin-top: 5px; font-size:120%">主页</button>
						<!--<a href="https://space.bilibili.com/1644970825?spm_id_from=333.1007.0.0">
							<button style="width:177px;height: 60px; font-size:120%">前往AT的bilibili</button>
						</a>-->
						<button class="btn" onclick="openPopup()" style="font-size: 120%;width:130px;height: 60px">公告</button>
						<a href="https://lengkumao.lanzoul.com/b041ksl4j">
							<button style="width:170px;height: 60px; font-size:120%">AT的Phigros谱面</button>
						</a>
						<a href="https://lengkumao.lanzoul.com/b041lbhkf">
							<button style="width:120px;height: 60px; font-size:120%">AT的编程</button>
						</a>
						<!--<a href="https://github.com/lengkudemaomao1320">
							<button style="width:130px;height: 60px; font-size:120%">AT的GitHub</button>
						</a>-->
						<a href="https://lengkumao.lanzoul.com/b0426swbe">
							<button style="width:180px;height: 60px; font-size:120%">自制Phira素材包</button>
						</a>
						<a href="404/index.Error.html">	
							<button style="width:170px;height: 60px; font-size:120%">未开发(预计7.10)</button>
						</a>
						<a href="Log in/hello.html">
							<button style="height: 60px; font-size:120%;">登录</button>
						</a>
						<div style="margin-right: -1400px;font-size:120% ;margin-top: -70px;">
							<h3 id="user1"></h3>
						</div>
						<div>
							<h2 style="margin-right: 88%;margin-top: -60px;">@CHCAT1320</h2>
							<a href="https://space.bilibili.com/1644970825">
								<img src="img/bilibili.png" width="50" height="50px" style="margin-right: 1400px;position: relative; top: -60px;">
							</a>
							<a href="https://github.com/CHCAT1320">
								<img src="img/github.png" width="40" height="40px" style="margin-right: 1250px;position: relative; top: -110px;">
							</a>
						</div>
					</div>
				</div>
			<div style="text-align:center">
				 <h1 style=" font-size:300%">Welcome to the CHCAT1320 website</h1>
				 <img src="img/1320.jpg" width="120px" height="120px" style="border-radius: 50%;"/>
				 <h2 style=" font-size:200%">这是CHCAT1320</h2>
				 
				 <h2 id="box5" align="center" style="font-size: 200%;"></h2>
				 <script type="text/javascript" src="js/run.js"></script>
				 <img src="img/冷酷的猫猫.png" width="400px" height="70px" style="margin-right:-50px">
				 <a href="about/about.html" style="text-decoration: none;">
					 <h3 style="color: red; font-size:180%">关于我们</h3>
				 </a>
			</div>
				 <script src="js/pdcjgly.js"></script>
				 <script>
				 	console.log("HE click")
				 	console.log("Perfect")
				 	console.log("rks+999+")
				 	console.log("你好啊")
				 </script>
		</div>
		<div id="watermarkId" class="watermark_mask" title="老子就是不让你复制水印--by凉粉"></div>
		<script src="js/shuiyin.js" type="text/javascript" charset="utf-8"></script>
		<div>
			<script type="text/javascript" src="js/xy suofang.js"></script>
		</div>
			<div id="overlay"></div>
				<div id="popup" style="text-align: center;">
					<p style="margin-top: -10px;">公告</p>
					<p>公告:登录系统维护完成</p>
					<button style="color: red;background-color: #87CEFA;border-radius: 5px;padding: 5px;" onclick="closePopup()">我知道了</button>
				</div>
				<script>
					function closePopup() {
						document.getElementById("popup").style.display = "none";
						document.getElementById("overlay").style.display = "none";
					}
				</script>
				<script>
					window.onload = function() {
						setTimeout(function() {
							document.getElementById("popup").style.display = "block";
							document.getElementById("overlay").style.display = "block";
						}, 0); 
					}
				</script>
				<script>
					    function openPopup() {
					      document.getElementById("popup").style.display = "block";
					      document.getElementById("overlay").style.display = "block";
					    }
				</script>
				<script>
					document.addEventListener("click", function(event) {
						event.stopPropagation(); // 阻止事件冒泡
					  var effect = document.getElementById("effect");
					  var x = event.clientX - 50; // 调整特效div位置居中
					  var y = event.clientY - 50;
					  var imageIndex = 1;
					  var animationInterval = setInterval(changeImage, 20);
					  effect.style.left = x + "px";
					  effect.style.top = y + "px";
					  effect.style.display = "none";
					  setTimeout(function() {
					      effect.style.display = "block"; // 延迟显示特效div
					      setTimeout(function() {
					        effect.style.display = "none"; // 延迟隐藏特效div
					        isAnimating = false; // 动画结束
					      }, 1000);
					    }, 100);
					  function changeImage() {
					    effect.style.backgroundImage = "url('img/gif/img-" + imageIndex + ".png')";
					    imageIndex++;
					    if (imageIndex > 31) {
					      clearInterval(animationInterval);
					      effect.style.display = "none";
					    }
					  }
					});
				</script>
				<div id="effect"></div>
	</body>
</html>